<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>直接引用vue绑定多个属性</title>
  <script src="../assets/require.js"></script>
  <script type="text/javascript" src="../components/list-component.js"></script>
</head>

<body>
  <div id="example">
    <my-component v-bind:datasource="ds" v-bind:conditions="conditions"></my-component>
  </div>

  <script>
    require(['listComponent'], function (v) {
      new v({
        el: '#example',
        data: {
          ds: {
            setting: {
              url: './students.json',
              pageIndex: 1,
              pageSize: 10,
              pagination: {}
            },
            data: {
              rows: [],
              currentPage: 1,
              pageSize: 10,
              totalPages: 10,
              totalRecords: 1000
            }
          },
          conditions: [{
              'name': 'name',
              'ctrl': 'textbox'
            },
            {
              'name': 'gender',
              'ctrl': 'dropdown'
            }
          ]
        }
      })

    });
  </script>
</body>

</html>